<template>
  <yd-tabbar slot="tabbar" class="footer">
    <yd-tabbar-item title="首页" link="/home">
      <yd-icon name="home-outline" slot="icon" size="0.54rem"></yd-icon>
    </yd-tabbar-item>
    <yd-tabbar-item title="分享圈" link="/share">
      <yd-icon name="share1" slot="icon" size="0.54rem"></yd-icon>
    </yd-tabbar-item>
    <yd-tabbar-item title="组队" link="/formteam">
      <yd-icon name="good" slot="icon" size="0.54rem"></yd-icon>
    </yd-tabbar-item>
    <yd-tabbar-item title="我的" link="/user">
      <yd-icon name="ucenter-outline" slot="icon" size="0.54rem"></yd-icon>
    </yd-tabbar-item>
  </yd-tabbar>
</template>

<script>
export default {
  name: "FooterNav",
  data() {
    return {};
  }
};
</script>

<style lang='less' scoped>
.footer {
  height: 1.2rem;
}

.yd-tabbar-active {
  color: rgb(9, 187, 7) !important;
}

/deep/ .yd-tabbar-txt {
  font-size: 0.28rem;
  font-weight: 500;
}
</style>
